<template>
  <yd-ls-layout title="公告详情" :onfoot=false :tolfurl="urls" style="background-color: rgb(255,255,255)">
    <div class="yd-ls-height"></div>
    <yd-ls-content :bigtitle="sysDetail.title" :datetitle="sysDetail.createtime">
      <div slot="content">
        <span v-html="sysDetail.content"></span>
      </div>
    </yd-ls-content>
    <yd-backtop></yd-backtop>
  </yd-ls-layout>
</template>

<style>
  .yd-ls-system-help>h1 {
    padding-bottom: 8px;
  }
  .yd-ls-system-help>dl {
    margin-top: 8px;
  }
  .yd-ls-system-help>dl>dt {
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 5px;
  }
  .yd-ls-system-help>dl>dd>ol {
    list-style: inside;
  }
  .yd-ls-system-help>dl>dd>ol>li>span {
    color: blue;
  }
  .yd-ls-system-help>dl>dd>ol>li>small {
    color: red;
  }
  .yd-ls-system-help>dl>dd>ol>li>div>small {
    color: blue;
    padding-left: 10px;
    display: block;
  }
  .wx_help_00,.wx_help_01,.wx_help_02,
  .wx_help_03,.wx_help_04,.wx_help_05,
  .wx_help_06,.wx_help_07,.wx_help_08,
  .wx_help_09,.wx_help_10,.wx_help_11 {
    margin: 8px;
    text-align: center;
  }
  .wx_help_00 img,.wx_help_01 img,.wx_help_02 img,
  .wx_help_03 img,.wx_help_04 img,.wx_help_05 img,
  .wx_help_06 img,.wx_help_07 img,.wx_help_08 img,
  .wx_help_09 img,.wx_help_10 img,.wx_help_11 img {
    width: 100%;
  }
</style>
<script>
  import ydLsLayout from '../../../components/yd-ls-layout.vue'
  import ydLsContent from '../../../components/yd-ls-content.vue'
  import api from '../../../axios/api'

  export default {
    name: 'systemmsgdetail',
    props: {},
    data() {
      return {
        urls: '',
        sysDetail: {}
      }
    },
    created() {
      let psize = (this.$route.query.pagesize*1) * (this.$route.query.pageindex*1)
      this.urls = `index.html#/systemmsg?pagesize=${psize}`
      
    },
    methods: {
      init() {
      let msg_id = this.$route.query.msgid
      this.$dialog.loading.open(api.default_loading_txt);
      this.axios.get(api.system_detail,{
          params: {id: msg_id}
        }).then(m=>{
          let sys_detail = m.data
          this.sysDetail = sys_detail.data
          this.$dialog.loading.close()
        }).catch(err=>{
          this.$dialog.loading.close()
          this.$dialog.alert({mes: JSON.stringify(err)})
        })
      }
    },
    mounted() {
      this.init()
    },
    components: { ydLsLayout, ydLsContent }


  }
</script>
